*{margin:0;padding:0;border:0;}
h1{font-size:2.3em;line-height:1em;color:#333;}
h2{font-size:16px;line-height:28px; ;font-weight:normal;display:inline;padding-left:3px;margin:1.2em 0px; }
h3{font-size:18px;font-weight:normal;margin:1em 0px;font-weight:bold;}
	h3 a{color:#000;background:none;padding:0;}
	h3 a:hover{text-decoration:underline;color:#ba3c5a;}
h4{font-size:16px;font-weight:bold;color:#d60030;margin:1em 0px;}
.sideCell h4{ border-bottom:1px dotted #ccc;padding-bottom:5px;margin:0px 0px 8px 0px;}

a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;color:#ba3c5a;}
a {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
ul,ul li{list-style:none;}
ol{padding-left:24px;}
p{margin-bottom:13px;}
em{font-style:normal;}

@font-face {font-family: 'iconfont';
    src: url('iconfont/iconfont.eot'); /* IE9*/
    src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:18px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

body {font-family:"微软雅黑","arial","宋体" , sans-serif;font-size: 14px;text-align:center;    background: rgb(247,249,249);margin:0px;padding:0px; -webkit-transition: opacity 1s cubic-bezier(.23,1,.32,1) 0ms;
    transition: opacity 1s cubic-bezier(.23,1,.32,1) 0ms;}

.single2 .entry {padding-top:35px;}
.single2 .entry a{color:#5a7a9b;border-bottom:1px dotted #5a7a9b;}
.single2 .entry h1,.single2 .entry h2,.single2 .entry h3,.single2 .entry h4,.single2 .entry h5{border:0;}

#outWrapper{margin:0 auto;text-align:center;}
#wrapper{margin:0  auto;margin-top:80px;position:relative;width:1400px;text-align: left;}
.wrapper{width:1400px;margin:0  auto;text-align:left;position:relative; text-align: left;}
#wrapper.home{margin-top: 90px;}
#content.detailpange{margin:0 auto;position:relative;width:1290px;}
#content.detailpange #sideBar{right:0;top:30px;}
.aligncenter{margin-left:auto;margin-right: auto;}

#wrapper:before{position: fixed; width: 100%;height: 100%; content:" ";left:0;top:0;z-index:100;visibility: hidden; -webkit-transition:all 0ms cubic-bezier(.23,1,.32,1) 1s;
    transition: all 1s cubic-bezier(.23,1,.32,1) 0ms;}
.top-menu #wrapper:before{background:rgba(255,255,255,0.95);visibility: visible;}
body.top-menu{background: #fff; }
.top-menu header.home-top{border-bottom: 1px solid #e6e6e6;background: #fff;}

#searchBox{width:100%;position: absolute;top:-350px;left:0px;z-index:0;text-align: center;-webkit-transition:all 0ms cubic-bezier(.23,1,.32,1) 1s;
    transition: all 1s cubic-bezier(.23,1,.32,1) 0ms;}
	#searchBox .headerWrapper{width:1400px;height:340px;background: #fff;border:1px solid #e6e6e6;text-align: left;margin:0 auto;}
	#searchBox h1{margin-top: 70px;margin-bottom: 25px; font-size: 36px;color:#444;padding-left: 60px;}
	#searchBox form{height:70px;display: block; background: #eee; padding-left: 60px;}
	#searchBox input{width:70%;height:40px; margin-top:15px;font-size: 18px;color:#999; line-height: 40px; background: none;outline:none;}
	#searchBox input.focus{color: #666;background: url(../images/enter.svg) 80% 10px no-repeat;background-size: 40px auto;}
	#searchBox #hottags{margin:25px 0px 0px 60px;}
	#searchBox #hottags a{display:inline-block;font-size: 14px;
	    color: #666;
	    outline: none;
	    text-decoration: none;
	    -moz-border-radius: 18px;
	    -webkit-border-radius: 18px;
	    border-radius: 18px;
	    margin: 0px 10px 5px 0px;
	    transition: all 650ms ease;
	    -webkit-transition: all 650ms ease;
	    -moz-transition: all 350ms ease;
	    padding: 6px 12px 8px 12px;
	    border: 1px solid #ccc;
	}
	#searchBox #hottags a:hover{border-color: #EA6088;color: #ba3c5a;}
.top-menu #searchBox{top:66px;}
.top-menu #headerWrapper{background: #fff;}
.top-menu header #topSearch #searchBtn{background-position: left 2px;}


#container.signle2{margin:0px 10px;}
	#container .player{margin:0 auto;}

	#container_left{padding:0px 160px; height:auto;overflow:hidden;font-size:18px;}
	
	.entry h4{font-size:1.4em;line-height:1.3em;}
	.entry h3{font-size:2.0em;line-height:1.3em;}
	.entry h2{font-size:2.5em;line-height:1.3em;}
	
	#indexTitle{font-size:45px;font-weight:normal;color:#333;margin-bottom:35px;margin-top:-20px;padding:0px 15px;}
		#indexTitle.listTitle{margin-bottom:15px;}

		#indexTitle a {font-size:14px;font-weight: normal; padding:5px 10px;color:#444;outline:none; background: #ccccd3; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; margin:0px 0px 5px 0px; transition:all 650ms ease; -webkit-transition:all 650ms ease; -moz-transition:all 350ms ease; }
		#indexTitle a:hover { background-color:#aaa; text-decoration: none;}
		#indexTitle span{display:block;padding-right:20px;}

		#indexTitle.new{font-size: 20px;margin-top: 20px;}
		#indexTitle.new a{background: #f9f9f9;border:1px solid #bfbfbf;margin-left: 5px;}
		#indexTitle.new a:hover{background-color: #dfdfdf;}

	.post{height:auto;float:left;}
		.uiList .entry img,.siteList img{margin:0;}
		.entry{position:relative;overflow: hidden;}
		.uiList .postmetadata,.siteList .postmetadata,.fxlist .postmetadata{  height: 28px;overflow: hidden;padding:12px 6px 7px 9px;color:#ccc;font-size:12px;}
		.uiList .uiImg{position: relative;}
		.post .uiImg.gif-img a:hover img{filter: alpha(opacity=100); -moz-opacity: 1;opacity: 1;}
		.uiList .uiImg.gif-img a:before{content: " ";width:23px;height: 14px; position:absolute; top:10px; right:10px; background: url(../images/animated-gif-sprite.png) left top no-repeat; opacity: 0.75;}
		
		.uiList .uiImg.gif-img a.over:before{animation:gif-anim 1s steps(4,start) infinite;-webkit-animation:gif-anim 1s steps(4,start) infinite;}
		.uiList .uiImg.gif-img a.loaded:before{display: none;}

		@keyframes gif-anim{0% {background-position:0px 0px;} 100% {background-position:0px -56px;}}
		@-webkit-keyframes gif-anim{0% {background-position:0px 0px;} 100% {background-position:0px -56px;}}

		.clearfix .post.new {padding-bottom: 0px;
			transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-webkit-transition:all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;}
		.post.new .entry{height:218px;overflow: hidden;position: relative;display: flex;  justify-content: center;align-items: center;border-radius: 5px 5px 0px 0px;}
		.post.new .cat_tip{position: absolute;bottom:12px;left:15px;border-radius: 4px;-moz-border-radius:4px;-moz-border-radius:4px;background: rgba(0,0,0,0.03);text-align: left;line-height: 20px;font-size: 12px;color:#999;padding:0px 5px;}
		.post.new .postmetadata{height:65px;text-align:right;line-height:22px;overflow: visible;border: 1px solid rgba(155,155,155,0.30);border-top:0;padding:12px 10px 25px 15px;background: #fff;border-radius: 0px 0px 5px 5px;}
		.post.new .postmetadata a{padding: 0;}
		.post.new h2{display: block;text-align:left;height:50px;margin:0px 60px 10px 0px;line-height: 22px;padding:0;font-size: 14px;line-height: 20px;}
		.post.new .author{width:44px;height:44px;border-radius: 22px;-moz-border-radius: 22px;-webkit-border-radius: 22px;position: absolute; right:15px;top:-25px;overflow: hidden; background-size:cover;background-position: center center;}
		.post.new .author img{max-height: 100%;}

		.post.new .filestyle{position: absolute; bottom: 7px;left: 15px;width: 120px;text-align: left;}
		.post.new .filestyle span{display: inline-block;width:30px;height:30px;margin-right:6px;background-color: rgba(0,0,0,0.05);border-radius: 15px;-moz-border-radius:15px;-webkit-border-radius:15px;background-position: center center; background-size: cover;}
		.post.new .filestyle .ps{background-image: url(../images/fs_ps.png);}
		.post.new .filestyle .ae{background-image: url(../images/fs_ae.png);}
		.post.new .filestyle .ai{background-image: url(../images/fs_ai.png);}
		.post.new .filestyle .svg{background-image: url(../images/fs_svg.png);}
		.post.new .filestyle .principle{background-image: url(../images/fs_principle.png);}
		.post.new .filestyle .sketch{background-image: url(../images/fs_sketch.png);}
		.post.new .filestyle .html{background-image: url(../images/fs_html.png);}
		.post.new .filestyle .xd{background-image: url(../images/fs_xd.png);}

		.post.new:hover{
			box-shadow: 0px 20px 30px rgba(0,0,0,0.1);
    		-moz-box-shadow: 0px 20px 30px rgba(0,0,0,0.1);
    		-webkit-box-shadow: 0px 20px 30px rgba(0,0,0,0.1);
    		-o-box-shadow: 0px 20px 30px rgba(0,0,0,0.1);
    		transform: translateY(-5px);
    		-webkit-transform: translateY(-5px);
    		-moz-transform: translateY(-5px);
		}

		.simpleTitle{clear:both;text-align: center;font-size: 18px;color:#444;line-height: 22px;margin: 50px 0px 25px 0px;}
		.simpleTitle a{display: inline-block;position: relative;text-decoration: none;}
		.simpleTitle:after{content:" ";display: inline-block;width:20px;height:2px;font-size: 1px;background: #999;}

		.companyList li{width:8%;float:left;margin:10px 1%;margin-bottom: 3%;}
		.companyList li a{display:block;width:100%;height:0;padding-top: 100%;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%; position: relative; background-position: center center;background-size: cover;}
		.companyList li a h4{font-size: 14px;color:#999;position: absolute;top:100%;width:100%;text-align: center;font-weight: normal;}
		

		.posts_nav{clear:both;}
		#bread_crum{font-size:12px;margin-bottom:10px;}
		.postmetadata{padding-left:4px;font-size:14px;line-height:30px;height:30px;position:relative;}
		.single .postmetadata,.single2 .postmetadata{position:static;}
		.single .postmetadata a,.single2 .postmetadata a{padding:5px 0px;}
		.single .postmetadata a.downloadBtn,.single2 .postmetadata a.downloadBtn{padding:0;}
			.post #bread_crum a,.post .postmetadata a{color:#444;padding:0px 4px;}
			#bread_crum a:hover,.postmetadata a:hover{color:#ba3c5a;text-decoration:underline;}
			.postmetadata .time{float:right;color:#df5878;text-decoration:underline; }
			#wrapper .postmetadata .post-ratings{width:60px;overflow:hidden;float:right;margin-top:5px;height:15px;overflow:hidden;}
		.single .postmetadata ul,.single .postmetadata li{display:inline;}
		.single .postmetadata{margin-bottom:20px;margin-top: 5px;color:#999; display: none;}
		.single .post .postmetadata{display: block;}
		.single h1{display: none;}
		.single .posts_nav{margin:20px 0px;padding-top:15px;}
		.single .entry img{margin-right:20px; max-width: 100%; height: auto;}
		.single .entry #intro{clear:both; height:auto; padding-top:35px;font-size:14px;color:#333;line-height:22px;text-align:center;}
		.single .entry #intro img{float:none;}
		.single .entry #intro p{margin-bottom:10px;}
		.ui #intro img{width:auto;height:auto;max-width:100%; }
		
		.downBtnWrap{clear:both;margin:40px 0px;padding:15px;line-height:24px;text-align:center;font-size:14px;color:#666;}
		.downBtnWrap strong{display:block;margin-top:12px;}

	.post_article{font-size:18px;line-height:24px;}
	.post_article h2{font-size:20px;font-weight:blod;}
	.post_article h2 a{color:#000;background:none;padding:0;}
	.post_article h2 a:hover{text-decoration:underline;color:#ba3c5a;}

	.post_content.post_article .entry{font-size:16px;line-height:30px;}
	.post_content.post_article p{color:#444;margin-bottom:20px;}
		
pre{display:block;padding:15px;line-height:28px;font-family:"Courier";background:#efefef;font-size:12px;margin:8px 0px; word-break: break-all; overflow:auto;}

#detail_top{background:#fff;border-bottom: 1px solid #efefef;height:65px;overflow: hidden;margin: 20px 40px 0px 40px;padding: 0px 0px 10px;}
#right{width:250px;float:right;margin-right:40px;padding-top:35px; display:none;}

/*底部*/
#footer{ background-color: #000; color: #666; font-size: 14px; line-height: 24px;margin-top: 40px;}
#footer #footerWrapper{width: 1380px; margin:0 auto; padding:20px 0px;  position: relative;}
#footer #footerLinks{margin-bottom: 5px;}
#footer #footerLinks a{padding-right:25px; color: #999; font-size: 14px;}
#footer #useTip{position: absolute; right:0px; top:152px; text-align: right;    width: 135px;}
#footer #copyright a{color:#999;}

#cop_logos{width:135px;height: 30px; margin-bottom:10px;float:right; background: url(../images/logos.png) left top no-repeat; background-size: 135px 30px;}
#cop_logos a{display: block; float:left; width:45px;height:30px; text-indent:-9999em;}

#footer_logo{text-align: center; padding-top: 15px;margin-bottom: 5px;}
#footer_logo img{margin:0 auto; width:150px;}
#slogon{font-size: 20px;font-family: "microsoft yahei";color: #666;margin-bottom: 30px;text-align: center;letter-spacing: 5px;}

/*分享*/
.fxMetadata{font-size:12px;margin-top:-5px;color:#ccc;height:20px;overflow:hidden;padding: 10px 8px 16px 8px;background: #f6f6f6;}
	.fxMetadata .time{font-size:11px;font-family:"verdana";}
	.fxMetadata a{color:#999;}
	.fx.entry{color:#666;font-size:12px;margin-top:10px;}
	.fx.entry a.more{display:block;width:80px;height:20px;float:right;color:#d83b49;line-height:20px;}
	.fxList h3{font-size:18px;;margin:10px 10px 10px 0px;padding:6px 10px;position:relative;z-index:100;}
	.fxList h3 a{color:#444;padding-bottom:6px;}
	.fxList p{color:#666;line-height:26px;font-size:14px;}
.post.fxList .fxMetadata,.post.fxList p{padding:0px 10px;}


/**/
.postmetadata .iconfont{}
.hiddenTitle{display:block;position:absolute;transition:bottom .3s;-moz-transition:bottom .3s; -webkit-transition:bottom .3s; -o-transition:bottom .3s; width:100%;text-align:center;overflow:hidden;bottom:-36px;filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;height:36px;background:url(../images/transblack.png);color:#fff;line-height:36px;font-weight:bold;font-size:14px;}	
	.post:hover .hiddenTitle{display: block;bottom: 0;}
	.hiddenTitle span{padding:0px 10px;}
.metaRight{display:inline-block;padding-left:10px;float:right;text-align:right;padding-right:8px;}
.dateMeta{padding:3px 7px;font-size:12px;font-weight:normal;color:#999;}

#container.single2,#container.single{background:#fff;padding:20px;height:auto; overflow:hidden;margin:0 auto;border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.single2 .entry img{height:auto;width:auto;max-width:100%; margin-bottom: 10px;}
.single2 h2{font-weight:bold;margin-bottom:25px;}
.single2 .post_article h2{ }
.single2 .entry ul li,.single2 .entry ul,.single2 .entry ul li{list-style:disc;margin-left:24px;}
.single2 .entry ul{margin-bottom:12px;}

/*  Main  */

.clearfix:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}


/*头部样式*/
header{width:100%; height:65px; position: fixed; z-index:980;top:0px; box-shadow: 0px 3px 8px rgba(38,38,76,0.06);-webkit-box-shadow: 0px 3px 8px rgba(38,38,76,0.06);-moz-box-shadow: 0px 3px 8px rgba(38,38,76,0.06); }
header:before{content:" "; width:100%;height:65px; position:absolute; left:0;right:0; z-index:0;border-bottom: 1px solid #e6e6e6;background: #fff;}
header #headerWrapper{ padding: 0px 30px; margin:0 auto; position:relative; z-index: 99;}

header #logo{float:left; width:150px; height:55px;text-align: left; overflow: hidden; margin-top:10px; margin-right:30px;}
header #logo a img{width:auto;height:44px;}

header #mainMenu{float:left; width:540px; height:65px; padding-left: 40px;}
header #mainMenu li{float:left; width:90px; height:65px; line-height:65px;  position: relative; }
header #mainMenu li span.new{    position: absolute; width: 6px;height: 6px;background: rgba(255,0,0,0.6);top: 16px;right: 20px; border-radius: 50%;-webkit-border-radius:50%;}
header #mainMenu li a{display:block; width:80px; height:65px; color:#555;font-size:22px; letter-spacing: 1px;transition:all 500ms ease; -webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;}
header #mainMenu li a:hover{ color: #000; text-decoration: none; background:rgba(0,0,0,0.06);}
header #mainMenu li.menuSelected a{background:rgba(0,0,0,0.06);}
header #mainMenu #menu_burger,
header #menu_prev{display:none;}
header #mainMenu li:nth-child(8),
header #mainMenu li:nth-child(5),
header #mainMenu li:nth-child(7),
header #mainMenu li:nth-child(6){width:55px;}
header #mainMenu li:nth-child(8) a,
header #mainMenu li:nth-child(5) a,
header #mainMenu li:nth-child(7) a,
header #mainMenu li:nth-child(6) a{width:50px;font-size: 14px;}
header #mainMenu li:nth-child(8) a:hover,
header #mainMenu li:nth-child(5) a:hover,
header #mainMenu li:nth-child(7) a:hover,
header #mainMenu li:nth-child(6) a:hover{text-decoration: underline;background: #fff;}
header #mainMenu li:nth-child(5){margin-left:15px;}

header #topSearch{float:right; width:28px; height:41px;  padding-left:5px; margin-top:19px; font-size: 14px;transition:all 650ms ease; -webkit-transition:all 650ms ease; -moz-transition:all 650ms ease;}
header #topSearch #searchBtn{float: left; width:28px; height:41px; cursor: pointer; text-indent: -9999em; border: 0; background: url(../images/search.png) left -39px no-repeat; background-size:28px auto;-webkit-transition:all 0ms cubic-bezier(.23,1,.32,1) 1s;
    transition: all 1s cubic-bezier(.23,1,.32,1) 0ms;}
header #topSearch #searchBtn:focus{border:0;}

header #topSearch.curr{width:195px; border-bottom:1px solid rgba(0,0,0,0.2);}
header #topSearch.curr #s{width:165px; }

header.home-top:before{background: none;padding-top: 10px;border:0;z-index: 1}
header.home-top #mainMenu li a{color:#b9b9b9;font-size: 18px; padding-top: 5px;}
header.home-top #logo{width: 165px;}


#headerBtm{display: none}

/*用户面板*/
header #userControlor {width:120px;float:right;margin-right:8px;_margin-right:10px;}
header #userControlor li{width:70px;height:65px;float:right;position:relative;z-index:100;}
header #userControlor li .sub {width:135px;height:auto;position:absolute;top:25px;right:0px;visibility:hidden;padding:15px 0px;background:rgba(0,0,0,0.5);opacity:0;-webkit-border-radius: 6px;border-radius: 6px;
    box-shadow: 0px 5px 15px rgba(38,38,76,0.2);-webkit-box-shadow: 0px 5px 15px rgba(38,38,76,0.2);background: #fff;transition:all ease 0.3s;-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;}
header #userControlor li .sub:before{content:"";display: block;border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top:-6px; ;
    right: 35px;}
header #userControlor li .sub li{width:135px; height:auto;margin:0;   font-size: 14px;}
header #userControlor li .sub li .iconfont{padding-right:5px;color:#999;}
header #userControlor li .sub a{display:block;padding:4px 7px 6px 0px;margin:0px 15px;float:none;text-decoration:none;color:#333;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;-moz-transition:all ease 0.5s;}
header #userControlor li .sub a:hover{background:rgba(0,0,0,0.05); color: #333;}
header #userControlor li a{color:#fff;}
header #userControlor li:hover .sub{display:block;top:65px;opacity: 1;visibility:visible;}
header #userControlor li#user_setting img{width:42px;height:42px;position:absolute;top:12px;left:12px;border-radius:50%;-webkit-border-radius:50%; -moz-border-radius:50%;}
header #userControlor li#user_setting:hover{background:rgba(0,0,0,0.05);}
header #userControlor li .sub li.hr{height:1px;width:105px;font-size: 0px;margin:8px 15px 8px 0px;line-height: 0px;border-bottom: 1px solid #efefef;}

header #header_sider{float:right;width:100px;text-align:right;height:60px;line-height:65px;color:#555;margin-right:14px;_margin-right:7px;}
header #header_sider a{color:#777;font-size: 16px; padding:0px 5px;}
header #addPost{ position: absolute;border: 1px solid #ccc;right: 150px;top: 17px;font-size: 14px;line-height: 25px;color: #666;font-family: microsoft yahei;border-radius: 20px;padding: 2px 15px;padding-bottom: 4px;}
header #addPost:hover{background: rgba(0,0,0,0.05);}
header #addPost.unlogin{right:190px;}
header .bgicon{display: inline-block;width: 20px;height: 20px;transform: translateY(5px);-webkit-transform: translateY(5px);background: url(https://www.iguoguo.net/u/tpl/images/add.svg) center center no-repeat;background-size: 20px 20px;}

#sub_nav{height:56px;text-align: center;position: relative;width:100%; margin:-10px 0px 35px 0px; text-align: center; }
#sub_nav .sub_nav_co{width:1380px;height:56px;margin: 0 auto;}
#sub_nav .sub_nav_co li.sub_list{width:100px;display:inline-block;cursor:default;height:56px;text-align: center;line-height: 56px;font-size: 18px;color:#333; position: relative;-webkit-transition: all .25s ease-out;transition: all .25s ease-out;}
#sub_nav .sub_nav_co li.sub_list:before{content: ' ';display: block; position:absolute;top: 29px;right: 19px;width: 2px;height: 6px;margin-top: -3px;background: #A6ABAB;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all .25s ease-out;transition: all .25s ease-out;}
#sub_nav .sub_nav_co li.sub_list:after{content: ' ';display: block; position:absolute;top: 29px;right: 15px;width: 2px;height: 6px;margin-top: -3px;background: #A6ABAB;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);-webkit-transition: all .25s ease-out;transition: all .25s ease-out;}

#sub_nav .sub_nav_co li.sub_list ul{ visibility:hidden;position:absolute;z-index:100;left:0px;top:54px;font-size:14px;width:420px;padding:15px 20px;background:rgba(255,255,255,1);line-height: 36px;box-shadow: 1px 5px 10px rgba(0,0,0,0.1);}
#sub_nav .sub_nav_co li.sub_list:hover {color:#444;background: #fff;}
#sub_nav .sub_nav_co li.sub_list:hover:before{right:15px;}
#sub_nav .sub_nav_co li.sub_list:hover:after{right:19px;}
#sub_nav .sub_nav_co li.sub_list:hover ul{visibility: visible;font-weight:normal;text-align: left;}

#sub_nav .sub_nav_co li.sub_list ul li{display: inline-block;
    margin: 5px 4px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    border: 1px solid #dfdfdf;
    padding: 0px 12px;}
#sub_nav .sub_nav_co li.sub_list ul li:hover{border-color:#ccc;background: #efefef;}

.likeButton {    display: block;
	float:left;
    color: #333;
    font-weight: normal;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0px 11px;
    margin-top: 10px;
    border: 1px solid #ccc; }
 #likeButton{
 	margin-right: 4px;
 }
 .likeButton.primary{
 	background: #ea6088;
 	float:none;
 	color:#fff;
 	border-color: #ea6088;

 }
 .likeButton.primary:hover{
 	background: #E04B76;
 	border-color: #E04B76;
 	color:#fff;
 }
.likeButton:active { -moz-box-shadow:0px 1px 3px #ddd inset; -webkit-box-shadow:0px 1px 3px #ddd inset; box-shadow:0px 1px 3px #ddd inset; }
.likeButton:hover {text-decoration: none;background: #f3f3f3;color: #333;border-color: #afafaf;}
.likeButton.cur{color:#d93656;border: 1px solid #d93656;}
.likeButton span{  font-size: 20px;display: inline-block;margin-right:6px;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;}

.likeButton.right {right:90px;}

a.downloadBtn{display:inline-block;width:120px;height:60px;overflow: hidden; text-decoration: none;text-align:center;margin:0 3px; color:#fff;font-size:16px;line-height:60px;background:#FC99AD;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.downloadBtn:hover{background:#EA6088;text-decoration: none; color:#fff;}
a.downloadBtn span{display: block;width:100%;height: 42px;font-size: 24px;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;}

.downloadBtn span.inline{display:inline;font-size: 16px;}
#container .downloadBtn:hover span.inline{margin:0;}

.downloadBtn.rightTop{width: 100%; margin:0px 0px 10px 0px;}

/*========wp-postviews=========*/
.view{font-size:11px;}
/*===========广告==============*/
.rightAD{margin-bottom:20px; display: none;}
.rightAD.fixed{position: fixed; top:80px;}
#indexAd{text-align:left;display: none;}
#contentBtmAd{display:none;position:relative;height:270px;margin-top:20px;padding-top:20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#contentBtmAd div{float:left;width:250px;margin-right:2px;}
#contentBtmAd div.right{position:absolute;top:20px;right:-5px;}
#contentBtmAd .baidu{width:300px;}

#contentBtmAd2{display:none;height:110px;text-align:center; background:#f9f9f9;margin-top:20px;padding-top:20px;border-bottom:1px solid #ddd;}
/*================友情链接=====*/
#flinks{text-align:center;margin:0 auto;}
	#flinks a{color:#bbb;}
	#flinks a:hover{color:#333;}
	#flinks li{display:none;}
	#flinks li.linkcat{display:block;}
	#flinks li.linkcat li{display:inline-block;line-height:30px;padding-right:15px;}
	#flinks h2{display:none;}

.siteList .post,.uiList .post,.post.fxlist{float:left;width:320px;margin:0px 15px;margin-bottom:45px;padding-bottom:5px;}
.siteList .post img,.uiList .post img{width:100%;height:auto;margin:0;}
.post.fxlist{padding:0;}
.fxlist.post img{width:100%;height:auto;border-radius: 5px;}
.fxlist.post .imgBox {height: 220px; overflow:hidden;}
.fxlist.post .imgBox img{min-height: 220px; margin:0; transition:all 400ms ease; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease;}
.fxlist.post .imgBox:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.fxlist h3{margin:0px 12px 0px 12px; line-height:25px;padding: 17px 0px;}
.siteList .post .imgBox img{ margin:0;}
.uiList .post .imgBox img{margin:0;}
.post:hover{border-color:#ccc;}

.post.ksy img{max-width: 94%;margin:3%;margin-bottom: 3.5%;}

#article_container{padding:30px 80px; text-align: left;}
#article_container p a{color:#CC6482; text-decoration: underline;}
#article_container p a:hover{color:#EA6088;}
#article_container img{max-width: 100%;height:auto;margin:0 auto;}
#article_container .imgwrap{text-align: center;}

/*====================百度推荐*/
#baiduTJ{margin-top: 30px;margin-left: 90px;margin-bottom: 30px;}
/*====================百度分享*/
.bdsharebuttonbox{margin:20px 0px;}
.single2 .entry .bdsharebuttonbox a{text-decoration:none;border:0;}

/*====================翻页按钮===================*/
.wp-pagenavi{clear:both;margin:20px 0px;margin-bottom:50px;text-align:center;font-size:18px;}
.wp-pagenavi a, .wp-pagenavi a:link{font-weight:bold;display:none;text-align:center;font-size:18px;background:#F2F4F4; color:#666; margin:8px;text-decoration:none; }
.wp-pagenavi a:hover {background-color: #dfdfdf;}
.wp-pagenavi span{display:none;}
.wp-pagenavi a.previouspostslink,.wp-pagenavi a.nextpostslink{display:inline-block;margin:12px; width:58px;height:58px; line-height: 58px; font-weight: bold;font-size: 22px;border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; transition:all 350ms ease; -webkit-transition:all 350ms ease; -moz-transition:all 350ms ease;}

/*==================网址导航====================*/
#daohang .post{background: #f9f9f9;width:224px;margin:0px 15px 20px 0px; transition:all ease 500ms; -webkit-transition:all ease 500ms;-moz-transition:all ease 500ms;}
#daohang h3{background: #cfcfcf;color:#333;padding:10px 15px;margin:0px 0px 20px 0px;}
#daohang .post:hover{-moz-box-shadow: 0px 20px 30px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 20px 30px rgba(0,0,0,0.2);-o-box-shadow: 0px 20px 30px rgba(0,0,0,0.2);}
#daohang .tuijian h3 {background: #ffd9e2;color:#444;}
#daohang p{padding:0px 15px;}

/*==================自己的广告=================*/
#guoguoad{width:100%;height:230px; overflow:hidden;background:#333;text-align:center;margin-top: -20px;padding-top: 20px;}
#guoguoad img{position: relative;height:220px;width: auto;margin-top: 25px;}
/*右下角固定菜单*/
#fixed-menu{position:fixed; z-index:1000; right:0px; top:380px; width:50px;height:auto;}
#fixed-menu div{width:50px; height:50px;background:#d3d3d3; color:#666; margin-bottom:6px; text-align:center; line-height:50px;cursor:default;}
#fixed-menu div .iconfont{font-size:36px;}
#fixed-menu div:hover{background:#fff; color:#999;}
#fixed-menu div img{display:none; position:absolute;top:0px; left:-200px;}
#fixed-menu div:hover img{display:block;}
#fixed-menu a{color:#666; display:block;width:50px;height:50px;}
#fixed-menu a:hover{color:#c00; text-decoration:none;}

/*内容导航*/
#detailNav{padding-top:10px;margin-left:-50px;}
#detailNav h4,
#detailNav h3{padding:5px 0px;margin:0;font-weight:normal; font-size: 14px; line-height: 18px; color:#444;cursor:pointer;padding-left:50px;}
#detailNav span{color:#ccc;}

#detailNav h3{font-weight:bold; font-size: 16px;padding-left:35px;}
#detailNav h4.current,
#detailNav h3.current{font-weight: bold; color:#d60030;background: #efefef;}

/*ui detail 全屏视图*/
.maxshow #container_left{width:auto;float:none; border:0; text-align: center;}
.maxshow #right{display: none;}
.maxshow #intro img{cursor:zoom-out;}
#intro img{cursor:zoom-in;}

/*service*/
#service{margin:30px 0px;}
#service li{width:23%;float: left;margin:0px 1%;text-align: center; font-size: 14px; color:#999;}
#service .box{display: block;height:0px;width:100%;background-color:#fff;padding-top: 55%;margin-bottom: 28px;border-radius: 6px;-webkit-border-radius:6px;-moz-border-radius: 6px;
			box-shadow: 0px 3px 5px rgba(0,0,0,0.14);
    		-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.14);
    		-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.14);
    		-o-box-shadow: 0px 3px 5px rgba(0,0,0,0.14);
    		background: #fff url(../images/zuimei.png) center center no-repeat;
    		background-size: cover;
    		transition:all 0.5s ease;
    		-webkit-transition:all 0.5s ease;
    		-moz-transition:all 0.5s ease;
    	}
#service .box:hover{
	box-shadow: 0px 10px 15px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 10px 15px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 10px 15px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 10px 15px rgba(0,0,0,0.2);
    transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -webkit-transform:translateY(-10px);
}
#service h3{font-size: 18px;color: #444;}
#service p{margin-top: -10px;}

/*tong land ad*/
#top_tonglan_ad{padding-top: 25px;}
#top_tonglan_ad img{max-width: 100%;}
.mobDetail #top_tonglan_ad{max-width: 1290px;margin: 10px auto 35px auto;}
.banner-ad{margin:10px 15px 35px 15px;text-align:center; overflow: hidden; position: relative;padding-top: 25px;}

.detail-ad{position: relative;margin-top: 25px;}
.detail-ad:before{
	   content: "广告";
	   display: none;
    padding: 0px 5px;
    position: absolute;
    text-align: center;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 18px;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    background: rgba(0,0,0,0.4);
    border-radius: 10px;
}
.banner-ad.top-ad{margin-top:40px;margin-bottom: 10px; /*height: 190px;overflow: hidden;*/}
.banner-ad.top-ad a:nth-child(2) img{width: 1084px;margin-top: -15px;}
.banner-ad.top-ad-com{margin-top: -10px;margin-bottom: 0px;}

.banner-ad.tads{margin:10px 0px 35px 10px;;}
.banner-ad.tads:before{left:15px;}
.banner-ad.tads img{float:left;}
.banner-ad.tads img.tl_ad{margin-right: 30px;}

#index_top_banner a{display: block;height:0px;padding-top: 10%;background-size: cover;margin:0px 15px 20px 15px;background-position: center center;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}

#footer_tonglan_ad{width:100%; text-align: center;max-width: 100%;margin: 35px 0px;}
#footer_tonglan_ad:before{content:"";display: none;}
#btm_banner{width:960px;margin:0 auto;}

#citySelector{margin-bottom: 50px;padding-top:10px;text-align: center;}
#citySelector a{display: inline-block;
    font-size: 14px;
    color: #666;
    outline: none;
    text-decoration: none;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    margin: 0px 10px 8px 0px;
    transition: all 650ms ease;
    -webkit-transition: all 650ms ease;
    -moz-transition: all 350ms ease;
    padding: 6px 12px 8px 12px;
    border: 1px solid #bfbfbf;
    background: #f3f3f3;
    }
 #citySelector a:hover{background: #fff; border-color: #EA6088;color: #ba3c5a;}
 #citySelector a.cur{    background: #EA6088;color:#fff;
    font-weight: bold;
    border-color: #EA6088;}

.company_list .post{transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;border-radius: 5px;}
.company_list .post .imgBox{text-align: center;height:0px;padding-top: 40%;background-color: #fff; background-position: center top;background-size: cover;position: relative;overflow: visible;border-radius: 5px 5px 0px 0px;}
.company_list .post .imgBox:before{content:"";display: block;position: absolute; left:0;top:0; width:100%;height:100%;background: rgba(0,0,0,0.4);border-radius: 5px 5px 0px 0px;}
.company_list .post .imgBox a{display: block;box-shadow: 0px 5px 8px rgba(0,0,0,0.1);background-color:#fff;
    		-moz-box-shadow: 0px 5px 8px rgba(0,0,0,0.1);
    		-webkit-box-shadow:0px 5px 8px rgba(0,0,0,0.1);
    		-o-box-shadow: 0px 5px 8px rgba(0,0,0,0.1);position: absolute; border:1px solid #fff; left:38%; bottom:-26%; width:24%;height:0px;padding-top: 24%;background-position: center top;background-size: cover;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.company_list .post h4{text-align: center;color:#444; font-weight: bold; padding-top: 0px;text-transform: uppercase;margin-top: 17%; line-height: 20px;margin-bottom: 25px;}
.company_list .post span{display: block;padding:0 5%;text-align: center;line-height: 20px;min-height: 20px;color:#999;margin-bottom: 15px;}
.company_list .post span em{padding:0px 5px; color:#999;}
.company_list .post .iconfont{margin-right: 5px;margin-left: 10px;
    font-size: 16px;
    font-weight: normal;
    color: #999;
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border:1px solid #ccc;
    text-align: center;
    line-height: 26px;}

.company_list .post:hover{
			box-shadow: 0px 20px 30px rgba(0,0,0,0.1);
    		-moz-box-shadow: 0px 20px 30px rgba(0,0,0,0.1);
    		-webkit-box-shadow: 0px 20px 30px rgba(0,0,0,0.1);
    		-o-box-shadow: 0px 20px 30px rgba(0,0,0,0.1);
    		transform: translateY(-5px);
    		-webkit-transform: translateY(-5px);
    		-moz-transform: translateY(-5px);
		}
/* h5 tools guid*/
.company_list .post.tools{margin-top: 40px;border:1px solid rgba(155,155,155,0.30);border-top: 0;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.company_list .post.tools .imgBox{padding:0;}
.company_list .post.tools .imgBox a{bottom:auto;top:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
#toolTitle{padding:35px 0px 65px 10px;}
#toolTitle span{font-size: 16px;color: #666;font-weight: normal;padding-left: 15px;}
.company_list .post.tools span em{font-weight: normal;font-size: 1em;}
.company_list .post.tools a.jlk{display: inline-block;margin-right: 10px;padding:4px 8px;background: #efefef;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.company_list .post.tools a.jlk:hover{background: #dfdfdf;text-decoration: none;}

#brand_header{text-align: center;margin:50px 0px;padding:20px;margin-top: -175px;}
#brand_header .brand_avator{width:120px;height: 120px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;margin:0 auto;background-size: cover;background-color:#fff; background-position: center center; margin-bottom: 15px;margin-top: -30px;}
#brand_header h4{font-size: 22px;color:#333;margin: 10px 0px;}
#brand_header span{display: block;font-size: 14px;color:#999;}
#brand_header #service{    display: inline-block;
    padding: 7px 20px;
    line-height: 42px;
    text-align: left;
    background: #dfdfdf;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    position: absolute;
    -moz-border-radius: 30px;
    top: -130px;
    left: 15px;
    max-width: 272px;
    height: 40px;
    z-index: 100;
    overflow: hidden;
    -webkit-transition: all ease 0.5s;}
#brand_header #service span{display: inline-block; margin-right: 15px;color:#666;font-weight: bold;}
#brand_header #service a{display: inline-block;width:38px;height:38px;text-indent: -999em; margin:0px 4px; margin-bottom:30px;border-radius: 19px;-webkit-border-radius: 19px;-moz-border-radius: 19px;background-size: cover;background-color:#fff; background-position: center center;}
#brand_header #service:hover{height:auto;}
#brand_header #service:hover span{display: block;}
#brand_header #caseNum{display: block;width:100px;position: absolute; top:-100px;right:15px;color:#aaa;}
#brand_header #caseNum em{display: block;width:100%;line-height: 40px;font-size: 36px;color:#666;font-weight: normal;}
#brand-banner{width:100%;height:0px;padding-top: 300px;background-position: center center;background-size: cover;position: relative;}

#brand-banner.soft{text-align: center;color:#fff;padding-top: 400px;}
#brand-banner.soft:after{background: rgba(0,0,0,0.65);content: '';display: block; position: absolute; left:0;right:0;top:0;bottom:0;}
.soft #soft-info{position: absolute;z-index:10;font-size:16px;top:calc(50% + 25px); left:30%; width:40%;text-align:center;transform:translateY(-50%); -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
.soft #soft-logo{width: 100px;}
.soft #soft-name{font-size: 36px;font-weight: bold;margin:0.4em 0px;}
.fwrapper{position: relative;width: 100%;height:0;padding-top: 60%;}
.fwrapper iframe{position: absolute;width:100%;height:100%; left:0;top:0;}

.tipinfo{width:1290px;margin:30px auto;border-radius: 5px; margin-bottom: -30px;text-align: center;font-size: 16px;background: #fcf8e3;border:1px solid #faebcc;color:#8a6d3b;}
.tipinfo p{padding:10px 30px;margin:0;display: block;}
.tipinfo a{color:#ea6088;padding:0px 3px;display: inline-block;}
.tipinfo a:hover{color:#ba3c5a;}

.fullad{width:100%;height:90px;overflow:hidden;margin-bottom: -50px;margin-top: 65px; position: relative;}
.fullad a{display: block;width:100%;height:100%;background-position: center center;background-color: #8c1da8;}
.fullad span{display: block;position: absolute;right:40px;top:20px;width:30px;height:30px;text-align: center;line-height: 30px;background: rgba(0,0,0,0.3);color:#dfdfdf;font-size: 18px;cursor:pointer;}
.fullad span:hover{color:#fff;background-color: rgba(0,0,0,0.6);}

#index_footer_ad{width: auto;margin:40px 15px;}

/*index top ad&slider*/
#banner-wrapper{margin:0px 15px 20px 15px; height:350px;overflow: hidden;padding-top: 10px;}
#focus-slider{width:100%;height:350px;overflow: hidden;margin-right: 15px;border-radius: 6px;}
#banner-wrapper .small-ad{float:left;width:325px;height:165px;margin-bottom: 20px;background: #fff;}
#banner-wrapper .swiper-pagination-bullet-active{background: #333;}
#banner-wrapper .swiper-button-prev,
#banner-wrapper .swiper-button-next{width: 46px;height: 46px;background-color: rgba(0,0,0,0.2);border-radius: 50%;background-size: 60% 60%;opacity: 0;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s;}
#banner-wrapper:hover .swiper-button-prev,
#banner-wrapper:hover .swiper-button-next{opacity: 1}

.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        border-radius: 6px;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
   .swiper-slide a{display: block;width:100%;height:360px;background-position: center center;border-radius: 6px;background-size: cover;background-repeat: no-repeat;}

.hotList .post{margin-left:3px;float:none; margin-bottom: 15px;background: none;position: relative;}
.hotList .post span.topNum{width:17px;height:25px;border-radius: 50% 0px 0px 50%; text-align: center;line-height: 25px;background: rgb(240,240,240);color:#999;position: absolute;top:0;left:-17px;}
.hotList .post:nth-child(2) .topNum{background: #bb840d;color: #fff;}
.hotList .post:nth-child(3) .topNum{background: #87969b;color: #fff;}
.hotList .post:nth-child(4) .topNum{background: #c5ae8d;color: #fff;}
#right-panel .hotList .post .postmetadata {margin:0;padding:0;padding-left: 10px;}
.hotList .post .entry{height:120px;overflow:hidden;margin-bottom: 5px;border-radius: 0px 5px 5px 5px;}
.hotList .post .entry img{width:100%;height:auto;}
.hotList .post h5{font-weight: normal;font-size: 14px;padding:5px 10px 5px 10px;}
.hotList .post h5 a{color:#999;}
#right-panel section.hotList .iconfont{width:auto;height:auto;height:20px;line-height: 20px;font-size: 16px;color:#ccc;background: none;margin-right: 3px;}
#right-panel section.hotList h4{margin-bottom: 1.5em;}
#right-panel section h4{font-weight: bold;color:#333;margin-top: 0.5em;}
.hotList .post .postmetadata{display:none;font-size: 12px;color:#ccc;padding:5px 10px 8px 10px;position: relative;height:20px;line-height: 20px;}
.hotList .rightmore{display: block; margin: 25px 13% 15px 13%;text-align: center;line-height: 36px;border: 1px solid #ccc;border-radius: 18px;-moz-border-radius: 18px;-webkit-border-radius: 18px;}
.hotList .rightmore:hover{border-color: #E04B76;text-decoration: none;}
/*内容页鼠标滚动后顶部的信息条--移动段底部信息条*/
#infobar{position: fixed;top:-65px;left: 0;height: 65px;background: #fff;width: 100%;z-index: 990;transition:all ease 0.5s;-moz-transition:all ease 0.5s;-webkit-transition:all ease 0.5s;}
#infobar.open{top:30px;}
#infobar .wrapper{ margin: 0 auto;text-align: left;position: relative;width: 1300px;}
#infobar h4{position:absolute; left:15px;top:0px;width:69%;height:65px;overflow:hidden;line-height: 65px;font-size: 18px;color:#333;margin:0px;}
#infobar h4 a{position:relative;display: inline-block;padding-right:10px;margin-right: 10px;font-size: 16px;font-weight: normal;color: #666;}
#infobar h4 a:after{content:"";display: block;width:1px;height:16px;position: absolute;top:25px;right:0px;background:#ccc;}
#infobar h4 .company_cover{    display: inline-block;height: 36px;width: 36px;padding:0px;position: relative; top:14px;margin:0px 12px 0px 0px;}

#infobar #infoctrl{width:40%;position:absolute; right:15px;top:15px;text-align: right;}
#infobar #infoctrl a{display: inline-block;color:#666;padding: 7px 18px 7px 18px;margin-left:10px;border-radius: 18px;-webkit-border-radius:18px;-moz-border-radius: 18px;text-decoration: none;}
#infobar #infoctrl a:hover{background: #f3f3f3;}
#infobar #infoctrl a#viewbtn,
#infobar #infoctrl a#downloadbtn{background: #ea6088;color:#fff;}
#infobar #infoctrl a#viewbtn:hover,
#infobar #infoctrl a#downloadbtn:hover{background: #da5077;}
#infobar #infoctrl .iconfont{padding-right:5px;}
#infobar #infoctrl a#colectbtn.cur{color:#E04B76; }
#infobar #infoctrl a#wechatbtn{float:left;margin-left: 30px;display: none;}
#infobar .lc{color:#666;padding:0px 2px;}
#infobar a:hover .lc{color: #ba3c5a;}

/*collections*/
.avator-group{
    height: 35px;
    position: relative;
    top:-15px;
  }
  .avator-group div{
    position: relative;
    display: inline-block;
    z-index: 1;
    margin-right: 3px;
  }
  .avator-group div:last-child{
    font-size: 14px;
    color: #999;
    top:-11px;
  }

  .avator-group  .avatar img{
  	width:30px;
  	height:30px;
  	border-radius: 50%;
  	-webkit-border-radius: 50%;
  	-moz-border-radius: 50%;
  }
  #collections .postmetadata{
  	height:90px;
  	padding-bottom: 0px;
  }

 #indexTitle #bestBtn{border:0px;margin-right:15px;padding:5px 20px;transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;background: url(../images/bestbg.jpg) center center no-repeat;color:#fff;float:right;}
 #indexTitle #bestBtn i{display: inline-block;width:20px;height:20px;margin-right: 5px;position:relative;top:3px;background: url(../images/collection.svg) center center no-repeat;background-size: 18px auto;}
 #indexTitle #bestBtn span{display:inline-block;position: relative; top:-2px;padding:0;}
 #indexTitle #bestBtn:hover{
 	    box-shadow: 0px 5px 8px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 8px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 5px 8px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 5px 8px rgba(0,0,0,0.1);
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
 }

/*热榜*/
#bang{width:1200px;margin:0 auto;}
#bang-cat{width:200px;float:left;border-radius: 5px 0px 0px 5px;background: #f2f4f4;-moz-box-shadow: 0px 2px 6px rgba(40,40,80,.1);margin-top: 35px;
    -webkit-box-shadow: 0px 2px 6px rgb(40 40 80 / 10%);
    box-shadow: 0px 2px 6px rgb(40 40 80 / 10%);}
	#bang-cat h3{font-size: 24px;font-weight: normal;color:#fff;line-height: 60px;background: #333;padding-left:25px;margin:0;margin-bottom: 15px;}
	#bang-cat a{display: block;font-size: 16px;text-align:center;border-bottom: 1px solid #dfdfdf;line-height: 54px;color:#666;font-weight: bold; transition:all ease 0.5s;-moz-transition:all ease 0.5s;-webkit-transition:all ease 0.5s; text-decoration: none;}
	#bang-cat a.cur{background: #fff;color:#d60030;border-left: 3px solid #d60030;}
	#bang-cat a:hover{color: #333;text-decoration: underline;}
#bang-list{width:918px;float:left;background: #fff;padding:35px 40px; position: relative; margin-bottom: 30px;border-radius: 5px;-moz-box-shadow: 0px 2px 6px rgba(40,40,80,.1);
    -webkit-box-shadow: 0px 2px 6px rgb(40 40 80 / 10%);
    box-shadow: 0px 2px 6px rgb(40 40 80 / 10%);}
#bang-list li{height:120px; clear:both;padding:15px; position: relative;transition:all ease 0.5s;-moz-transition:all ease 0.5s;-webkit-transition:all ease 0.5s; border-bottom: 1px solid #efefef;}
#bang-list .author{width:30px;height:30px;float:left;margin-right:7px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;background-position: center center;background-size: cover;}
#bang-list ul li:hover{background: #fff6f9;}
#bang-list li img{height:120px;width: auto;float:left;margin-right: 20px;border-radius: 5px;}
#bang-list li .xuhao{float:left;margin-top: 10px;margin-right:20px;width:30px;height:30px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;background: #939ba6;color:#fff;text-align: center;line-height: 30px;}
#bang-list li:first-of-type .xuhao {background: #e54937;}
#bang-list li:nth-of-type(2) .xuhao{ background: #eb7466;}
#bang-list li:nth-of-type(3) .xuhao{ background: #ffa937;}
#bang-list li a{display: block;width:700px;color:#444;text-decoration: none;line-height: 30px;padding-bottom: 10px;}
#bang-list li h4{margin: 0px;padding:14px 0px 0px 0px;color:#333;font-size: 18px;}
#bang-list li  .bang-meta{color:#aaa;}
#bang-list h2{padding:10px; font-size: 16px;font-weight: normal;color:#999;}
#bang-list h2 span{display: block;font-size: 32px;color: #666;margin: 5px 10px;}
#bang-list #total-num{position: absolute; top:75px;right:45px;font-size: 16px;color:#999;}
#bang-list #total-num em{color: #666;font-size: 36px;padding-left: 5px;}

h2#pageTitle{font-size: 26px;line-height:3px;margin-bottom: 40px;color:#444;display: block;margin-left: 15px;}
h2#pageTitle img{margin-right: 12px;transform:translateY(5px);}

#ref_post{padding:15px 80px;background: #f9f9f9; position: relative;}
#ref_post img{height: 120px;float:left;margin-right: 20px;}
#ref_post h4{ font-size: 18px;color:#666;display: inline-block;}
#ref_post span{display: inline-block;padding: 0px 13px;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;background: #999;color: #fff;position: absolute;top: 15px;right: 80px;font-size: 14px;}

#intro_reg{position: fixed;left:0;right:0;bottom:0;text-align: center;font-size: 18px;color:#fff;line-height: 38px;padding:30px 20px;background: #ea6088;z-index: 99999; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; letter-spacing: 1px;}
#intro_reg.hide{transform:translateY(110%); -webkit-transform:translateY(110%); -moz-transform:translateY(110%);}
#intro_reg em{font-weight: bold;font-size: 1.2em;}
#intro_reg .abtn{display: inline-block;height:38px;border:1px solid #fff;background:#fff;border-radius: 4px;-webkit-border-radius: 4px; -moz-border-radius: 4px; line-height: 38px;color:#ea6088;padding:0px 25px;font-size: 16px;margin-left:10px;}
#intro_reg #loginBtn{background: none; color:#fff; margin-left: 35px;}
#intro_reg #closeBtn{display: inline-block;width:30px;height:30px;line-height: 30px;text-align: center;color:#fff;position: absolute; right:30px;bottom:60px;}

#banner_area{padding:120px 0px 0px 20px;text-align: center;
  color: #999; background-size: cover;margin-bottom: -20px;}
#banner_area h1{color: #333;margin-bottom: 20px;margin-top: 30px;}

#searchPageForm{margin: 35px;text-align: center;padding-top: 35px;}
#searchPageForm input{    width: 50%;
    height: 40px;
    /* margin-top: 15px; */
    font-size: 28px;
    color: #666;
    line-height: 40px;
    background: none;
    outline: none;
    text-align: center;
    padding: 15px;
    border-bottom: 2px solid #ccc;
    margin-bottom: 35px;}

#index_btn_cell .post{background:none;}
#index_btn_cell a{display: block;width:100%;height: 0px;padding-top: 43.75%;background-position: center center;background-size: cover;text-indent: -9999em;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}

/*导航*/

.guide{padding:0%;}

.guide_tag{clear: both;text-align: center;margin: 30px 0px 0px 0px;font-size: 28px;font-weight: bold;line-height: 36px;padding-bottom: 20px;color:#333;}
.guide_tag:after{content: "";display: block;width:12px;height:2px; background: #666;margin:10px auto;}

.small_title{clear:both;margin-bottom: 2%;font-size: 20px;color:#666;}
.post_container{margin-bottom: 2%;}

.guide .post{width:23.5%;float: left;box-sizing:border-box;margin-right: 1.5%;margin-bottom: 2%;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:0px 0px 8px 0px;
    background: #fff;}
.guide .imgBox{width:16%;float: left;margin:22px 5% 0% 5%;}
.guide .imgBox a{display: block;width:100%;height:0;padding-top: 100%;background-color: #fff;background-size: cover;background-position: center center;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border:1px solid #f6f6f6; }
.guide .post span,
.guide .post h4{padding:2% 5% 0% 0%;display: block;float:left;width:59%;margin-bottom: 0px;}
.guide .post h4{height:22px;overflow: hidden;margin-bottom: 0px;line-height: 22px;margin-top: 16px;}
.guide .post span{color:#ccc;text-align: left;float:left;margin-left:27%;font-size: 12px;}
.guide .post span.intro{margin-left:0;height:14px;overflow: hidden;color: #666;}
.guide .post span a{color:#ccc;padding-right: 12px;text-decoration: none;}
.guide .post span a .iconfont{color:#ccc;font-size: 16px;}
.guide .post span  .iconfont{padding-right: 4px;}
.guide .post span a:hover{color:#666;}
.guide .post span a:hover .iconfont{color:#666;}

#indexTitle .mainSelector{padding-top: 5px;text-align: center;}
#indexTitle .mainSelector a{display: inline-block;border-radius:0;margin-bottom:-1px;-moz-border-radius:0;-webkit-border-radius:0;font-size: 18px;color:#777;border:0;background:none;padding:15px 2px;margin:0px 20px; position: relative;}
#indexTitle .mainSelector a.cur{color:#333;border-bottom: 3px solid #333;}
#indexTitle .mainSelector a:hover{background: none;color:#333;}
#indexTitle .mainSelector a.hot:after{content:"";display: block;position: absolute; right:-6px;top:8px;width:6px;height:6px;background: #EA6088;border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;}

#moreBrands{padding:2%;font-size:16px;}
#moreBrands a{display: inline-block;padding:0px 10px 15px 0px;}
#moreBrands a.more{text-decoration: underline;}

#sideMenu{position:fixed;right:30px;bottom:250px;width: 60px;height: auto;background: #fff;}
#sideMenu .sideLink{width:60px;height:60px;position: relative; border-top: 1px solid #ECEFEF;text-indent: center;cursor:pointer;color: #686872;}
#sideMenu .linkIcon.li3{background-position: 0px -28px;}
#sideMenu .linkIcon.li2{background-position: 0px -56px;}
#sideMenu .linkIcon.li4{background-position: 0px -84px;margin-top: 15px;}
#sideMenu .linkIcon{display: inline-block;margin-top: 7px;width:28px;height:28px;background: url(../images/sideicons.png);overflow: visible;}
#sideMenu span{display: block;font-size: 12px;margin-top: -4px;}
#sideMenu .hoveron{position: absolute;top:0;right:60px;display: none;background:#fff;white-space:nowrap;}
#sideMenu .hoveron .oncell{display: inline-block;border-right:1px solid #ECEFEF;padding:20px 25px;}
#sideMenu .hoveron span{color:#999;font-size:14px;}
#sideMenu .sideLink:hover .hoveron{display: block;}
#sideMenu .sideLink:hover{color:#fff;background: #EA6088;}

#sideMenu .sideLink:hover .linkIcon{background-position: -28px 0px;}
#sideMenu .sideLink:hover .linkIcon.li3{background-position: -28px -28px;}
#sideMenu .sideLink:hover .linkIcon.li2{background-position: -28px -56px;}
#sideMenu .sideLink:hover .linkIcon.li4{background-position: -28px -84px;}
#sideMenu .sideLink:hover .hoverText{display: block;}

#sideMenu .hoverText{width:60px;height:60px;line-height: 16px;position: absolute;left:0px;top:0px;background: #EA6088;display: none;}
#sideMenu .hoverText span{font-size: 14px;color:#fff;margin-top:15px;}
#sideMenu #gotopBtn{display: none;}

.tool-title {clear: both; margin: 25px 15px;margin-top: 0px;font-weight: bold;font-size: 20px;}

.right_img_ad img{margin-bottom: 10px;border-radius: 5px;}
.list-tonglan{clear: both;margin: 15px 15px 30px 15px;height: 120px;text-align: center;}
.admeta{    padding: 15.5px 15px;text-align: center;color: #ccc;}
#details-mid-ad{width:1000px;height:90px;margin-bottom: 50px;margin-top: 20px;}